<!-- 转正申请 -->
<template>
  <div>
    <div class="eda-main-title">
      <div class="top-icon">
        <img src="../../../assets/img/personnelImage/创建流程图.png"/>
      </div>
      <div class="top-title">
        流程:创建 - 劳动合同 - 人事管理 - 创建
      </div>
      <div class="top-operate">
        <el-button type="primary">提交</el-button>
        <el-button type="primary">取消</el-button>
      </div>
    </div>
    <div class="eda-main">
      <div class="main-middle">
        {{this.$store.state.loginUser}}
        <el-form :model="formData" ref="vForm" :rules="rules" label-position="left" label-width="80px"
                 size="default" @submit.prevent>
          <div class="table-container">
            <table class="table-layout">
              <tbody>
              <tr>
                <td colspan="3">
                  <div class="static-content-item">
                    <div>基本信息</div>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <div class="static-content-item">
                    <div>标题</div>
                  </div>
                </td>
                <td>
                  <div class="static-content-item">
                    <div>紧急程度</div>
                  </div>
                </td>
                <td>
                  <div class="static-content-item">
                    <div>申请人</div>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <el-form-item label="" label-width="0" prop="bt">
                    <el-input v-model="formData.bt" type="text" clearable></el-input>
                  </el-form-item>
                </td>
                <td>
                  <el-form-item label="" label-width="0" prop="cd">
                    <el-radio-group v-model="formData.cd">
                      <el-radio v-for="(item, index) in cdOptions" :key="index" :label="item.value"
                                :disabled="item.disabled" style="{display: inline}">{{item.label}}</el-radio>
                    </el-radio-group>
                  </el-form-item>
                </td>
                <td>
                  <el-form-item label="" label-width="0" prop="sqr">
                    <el-input v-model="formData.sqr" type="text" clearable></el-input>
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td>
                  <div class="static-content-item">
                    <div>申请人部门</div>
                  </div>
                </td>
                <td>
                  <div class="static-content-item">
                    <div>转正人员</div>
                  </div>
                </td>
                <td>
                  <div class="static-content-item">
                    <div>转正人员部门</div>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <el-form-item label="" label-width="0" prop="sqrbm">
                    <el-input v-model="formData.sqrbm" type="text" clearable></el-input>
                  </el-form-item>
                </td>
                <td>
                  <el-form-item label="" label-width="0" prop="zzry">
                    <el-input v-model="formData.zzry" type="text" clearable></el-input>
                  </el-form-item>
                </td>
                <td>
                  <el-form-item label="" label-width="0" prop="zzrybm">
                    <el-input v-model="formData.zzrybm" type="text" clearable></el-input>
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <td>
                  <div class="static-content-item">
                    <div>入职日期</div>
                  </div>
                </td>
                <td>
                  <div class="static-content-item">
                    <div>申请日期</div>
                  </div>
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td>
                  <el-form-item label="" label-width="0" prop="olddate">
                    <el-date-picker v-model="formData.olddate" type="date" class="full-width-input"
                                    format="YYYY-MM-DD" value-format="YYYY-MM-DD" clearable></el-date-picker>
                  </el-form-item>
                </td>
                <td>
                  <el-form-item label="" label-width="0" prop="nowdate">
                    <el-input v-model="formData.nowdate" readonly="true" type="text" clearable></el-input>
                  </el-form-item>
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td colspan="3">
                  <el-form-item label="对本岗位职责的要求的理解" prop="lj">
                    <el-input type="textarea" v-model="formData.lj" rows="3"></el-input>
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <td colspan="3">
                  <el-form-item label="试用期在哪方面有了成长" prop="syqcz">
                    <el-input type="textarea" v-model="formData.syqcz" rows="3"></el-input>
                  </el-form-item>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      formData: {
        bt: "",
        cd: null,
        sqr: "",
        sqrbm: "",
        zzry: "",
        zzrybm: "",
        olddate: null,
        nowdate: "",
        lj: "",
        syqcz: "",
      },
      rules: {},
      cdOptions: [
          {
        "label": "正常",
        "value": 0
      }, {
        "label": "重要",
        "value": 1
      }, {
        "label": "紧急",
        "value": 2
      }
      ],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    submitForm() {
      this.$refs['vForm'].validate(valid => {
        if (!valid) return
        //TODO: 提交表单
      })
    },
    resetForm() {
      this.$refs['vForm'].resetFields()
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../../../assets/css/personnelCss/EDemandApp";
</style>